<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>属性的绑定和属性的简写</title>
		<script type="text/javascript" src="../js/framework/vue.js" ></script>
		<script>
			window.onload = function () {
				//配置是否允许vue-devtools检查代码，方便调试，生产环境中需要设置为false
				Vue.config.devtools = false;
				//阻止Vue启动的时候产生提示
				Vue.config.productionTip = false; 
				
				new Vue({
				  el: '#app',  //指定关联的元素
				  data: {  //存储数据
				    imgSrc: '../img/IMG_0182.jpg',
				    imgWidth: '200px',
				    imgHeight: '200px',
				  },
				  methods: {
				  	
				  }
				});
			}
		</script>
	</head>
	<body>
		<div id="app">
			<!--使用:v-bind可以直接访问vue中的数据，不需要使用{{}}-->
			<!--<img v-bind:src="imgSrc"/>-->
			<img :src="imgSrc" :width="imgWidth" :height="imgHeight"/>
		</div>
	</body>
</html>
